﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>宁波爱豆网络科技有限公司</title>
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!--================================================
                **** CSS Files ****
==================================================-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/icofont.css" rel="stylesheet">
<link href="css/menu.css" rel="stylesheet">
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/owl.theme.default.min.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/magnific-popup.css" rel="stylesheet">
<link href="css/menuhover.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<!--================================================
                **** /CSS Files ****
==================================================-->
</head>
<body>
 

<!-- Static navbar -->
<nav class="navbar navbar-expand-md btco-hover-menu navbar-1">
  <div class="container"> <a class="navbar-brand" href="index.html"><img src="images/logo-1.png" class="img-fluid" alt="logo"></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
    <div class="collapse navbar-collapse" id="navbarNavDropdown">
      <ul class="navbar-nav">
        <!--<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://www.bootstrapmb.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Home </a>-->
        <!--<ul class="dropdown-menu">-->
        <!--<li><a class="dropdown-item" href="index.html">Home 1</a></li>-->
        <!--&lt;!&ndash;<li><a class="dropdown-item" href="index-2.html">Home 2</a></li>&ndash;&gt;-->
        <!--</ul>-->
        <!--</li>-->
        <li class="nav-item"> <a class="nav-link" href="index.html">首页</a> </li>
        <li class="nav-item"> <a class="nav-link" href="about.html">关于我们</a> </li>
        <li class="nav-item"> <a class="nav-link" href="services.html">服务</a> </li>
        <li class="nav-item"> <a class="nav-link" href="portfolio.html">案例</a> </li>
        <!--<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="http://www.bootstrapmb.com" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Blog </a>-->
        <!--<ul class="dropdown-menu">-->
        <!--<li><a class="dropdown-item" href="blog-list.html">Blog List</a></li>-->
        <!--<li><a class="dropdown-item" href="blog-details.html">Blog Details</a></li>-->
        <!--</ul>-->
        <!--</li>-->
        <li class="nav-item"> <a class="nav-link" href="contact.html">联系我们</a> </li>
      </ul>
      <!--<ul class="navbar-nav ml-auto">-->
      <!--<li class="nav-item"> <a class="nav-link btn btn-primary" href="#"> Buy Now </a></li>-->
      <!--<li class="nav-item"> <a class="nav-link" id="addClass" href="#"> <i class="icofont icofont-search-alt-1"></i> </a></li>-->
      <!--</ul>-->
    </div>
  </div>
</nav>
<div id="myCarousel" class="carousel slide banner-2" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active"> <img class="first-slide img-fluid" src="images/inner-banner.png" alt="First slide">
      <div class="container">
        <div class="carousel-caption banner1 text-center">
          <h2 class="wow fadeInUp">Blog Details</h2>
          <p class="breadcrumb-item"><a href="#">Home</a> / Blog Details</p>
        </div>
      </div>
    </div>
  </div>
</div>
<section class="section-padding-ash">
  <div class="container">
    <div class="row">
      <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
        <div class="row">
          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="blog-post-cont"> <img src="images/post-1.jpeg.jpg" class="img-fluid" alt="item 1">
              <div class="text-cont">
                <h6><a href="#">Nilanjan</a> | <a href="#">January 19, 2017</a></h6>
                <h5><a href="#">What is Lorem Ipsum?</a></h5>
                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.</p>
                 
                 <div class="social-cont">
                 	<div class="alignleft"><h5>Share us on:</h5></div>
                 	<div class="blog-details-social alignleft">
                    	<ul class="social">
                            <li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li>
                            <li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li>
                            <li><a href="#"><i class="icofont icofont-social-linkedin"></i></a></li>
                            <li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li>
                            <li><a href="#"><i class="icofont icofont-social-dribble"></i></a></li>
                       </ul>
                    </div>
                 </div>   
                 
                <h5>Comments</h5>
               
            <form action="process.php" method="post" name="ContactForm" id="ContactForm">
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                    <input type="text" class="form-control" name="fname" placeholder="First Name *">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <input type="text" class="form-control" name="lname" placeholder="Last Name *">
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="form-group">
                    <input type="email" class="form-control" name="email" placeholder="Email *">
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="form-group">
                    <input type="text" class="form-control" name="subject" placeholder="Subject *">
                  </div>
                </div>
                <div class="col-md-12">
                  <div class="form-group">
                    <textarea rows="5" class="form-control" name="comment" placeholder="Your Message *"></textarea>
                  </div>
                </div>
                <div class="col-md-12">
                  <button type="submit" class="btn btn-primary">Submit</button>
                </div>
              </div>
            </form>
         
            </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
      	<div class="sidebar">
        	<div class="sidebar-item">
            	<h5>Category</h5>
                <hr/>
                <ul>
                	<li><a href="#">Business</a></li>
                    <li><a href="#">Corporate</a></li>
                    <li><a href="#">Multipurpose</a></li>
                    <li><a href="#">Creative</a></li>
                    <li><a href="#">Technology</a></li>
                </ul>
            </div>
            <div class="sidebar-item">
            	<h5>Archives</h5>
                <hr/>
                <ul>
                	<li><a href="#">2017</a></li>
                    <li><a href="#">2016</a></li>
                    <li><a href="#">2015</a></li>
                    <li><a href="#">2014</a></li>
                    <li><a href="#">2013</a></li>
                </ul>
            </div>
            <div class="sidebar-item">
            	<h5>Recent Posts</h5>
                <hr/>
                <ul>
                	<li><a href="#">Iaculisnunc sedaugue lacus</a></li>
                    <li><a href="#">Portanon pulvinar nequelaoree</a></li>
                    <li><a href="#">Quis variusquam quisqueid</a></li>
                    <li><a href="#">Eget miproin sedliberoenimsed</a></li>
                    <li><a href="#">Portanon pulvinar nequelaoree</a></li>
                </ul>
            </div>
        </div>
      </div>
    </div>
  </div>
</section>
<footer class="footer">
  <div class="container">
    <div class="row">
      <div class="col-lg-4">
        <div class="footer-item"> <img class="img-fluid" src="images/logo-2.png" alt="logo-2">
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text <br/>
            ever since the 1500s</p>
        </div>
        <div class="footer-item">
          <ul class="social">
            <li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li>
            <li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li>
            <li><a href="#"><i class="icofont icofont-social-linkedin"></i></a></li>
            <li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li>
            <li><a href="#"><i class="icofont icofont-social-dribble"></i></a></li>
          </ul>
        </div>
      </div>
      <div class="col-lg-2 offset-lg-1">
        <div class="footer-item">
          <h4>Quick Links</h4>
          <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>
      </div>
      <div class="col-lg-2">
        <div class="footer-item">
          <h4>Categories</h4>
          <ul>
            <li><a href="#">Web Design</a></li>
            <li><a href="#">Web Development</a></li>
            <li><a href="#">Online Marketing</a></li>
            <li><a href="#">App Design</a></li>
            <li><a href="#">App Development</a></li>
            <li><a href="#">Online Training</a></li>
          </ul>
        </div>
      </div>
      <div class="col-lg-3">
        <div class="footer-item">
          <h4>Recent Posts</h4>
          <ul>
            <li><a href="#">What is Lorem Ipsum?</a></li>
            <li><a href="#">Why do we use it?</a></li>
            <li><a href="#">There are many variations</a></li>
            <li><a href="#">passages of Lorem Ipsum</a></li>
            <li><a href="#">Contrary to popular</a></li>
            <li><a href="#">Lorem Ipsum is not simply</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <div class="footer-bottom">
          <p>Copyright © 2018. All Rights </p>
        </div>
      </div>
    </div>
  </div>
</footer>
<div id="qnimate" class="off">
  <div id="search" class="open">
    <button data-widget="remove" id="removeClass" class="close" type="button">×</button>
    <form action="#" method="post" autocomplete="off">
      <input type="text" placeholder="Type search keywords here" value="" name="term" id="term">
      <button class="btn btn-primary btn-xl" type="submit"><span class="glyphicon glyphicon-search"></span> Search</button>
    </form>
  </div>
</div>
<!--================================================
                **** JS Files ****
==================================================--> 
<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/numscroller.js"></script> 
<script src="js/owl.carousel.js"></script> 
<script src="js/jquery.isotope.min.js"></script> 
<script src="js/jquery.magnific-popup.min.js"></script> 
<script src="js/menu.js"></script> 
<script src="js/wow.min.js"></script> 
<script src="js/main.js"></script> 
<!--================================================
                **** /JS Files ****
==================================================-->
</body>
</html>
